<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>删除页面</title>
  </head>
  <body>
    <div id="ib-page">
      <!--1、 栏目标题 begin-->
      <div id="ib-stu-title">【前后端分离】学生信息增删改查系统</div>
      <!--2、 搜索模块 begin-->

      <form action="" id="ib-search">
        <div>
          <button type="button">新增学生信息</button>
        </div>
        <div>
          <input type="text" placeholder="请输入姓名或学号" id="ib-key" />
        </div>
        <div>
          <select name="college">
            <option value="宿迁学院">宿迁学院</option>
            <option value="连云港学院">连云港学院</option>
            <option value="徐州医学院">徐州医学院</option>
          </select>
        </div>
        <div>
          <button type="submit">搜索信息</button>
        </div>
      </form>
      <div id="ib-nav"><a href="./index.html">首页</a>->学生详细信息</div>
      <!-- <div id="ib-result">暂无数据</div> -->
      <!--3、 学生信息列表 begin-->
      <div id="ib-stu-table">
        <!-- 表头 -->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">操作</div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
        <!-- 学生信息 每行 begin-->
        <div class="ib-num">编号</div>
        <div class="ib-stuname">学生姓名</div>
        <div class="ib-zhangye">所学专业</div>
        <div class="ib-college">所在学院</div>
        <div class="ib-grade">年龄</div>
        <div class="ib-city">户籍</div>
        <div class="ib-operate">
          <button type="button">编辑</button>
          <button type="button">删除</button>
          <button type="button">查看详情</button>
        </div>
      </div>
      <!--4、  分页 begin-->
      <!-- 5、 footer begin-->
      <div id="ib-footer">
        需要实现静态页面：
        <a href="student-detail.html">删除页面</a>
        <a href="student-detail.html">详细页面</a>
        <a href="student-detail.html">修改页面</a>
      </div>
    </div>
  </body>
</html>
<!-- 引入样式表 -->
<link rel="stylesheet" href="./style/style.css" />
<script>
  alert('删除成功！, 刷新主页')
</script>
